@charset "utf-8";

@keyframes button
{
    0% {height:120px; width:120px;}
    25% {height:80px; width:80px;}
    50% {height:60px; width:60px;}
    75% {height:80px; width:80px;}
    100% {height:120px; width:120px;}
}
/* CSS Document */
 
* {padding:0; margin:0;}
html, body {width:100%; height:100%;}
body {font-family:Tahoma, Geneva, sans-serif; font-size:12px;background: url('/public/css/img/bg-lightl-903.jpg') repeat;)}
#content{margin:10px auto;}
#add_image{margin:0px auto;width:500px; height:auto; border-radius:15px; border:2px solid; box-shadow:1px 1px 6px 2px gray inset;}
    #add_image input[type='file'] { margin:10px 0px 0px 10px; }
    #add_image textarea {resize:none; width:60%; height:150px; margin:10px 0px 30px 10px; }
    #add_image input[type='image']{ margin:10px 40px 30px 10px; }
#grid {margin:10px auto;width:490px; height:850px; }
    #grid table td {padding:5px;height:200px; width:150px;} /*height:200px; width:150px; margin:5px; border:1px solid black;*/
    #grid img {cursor: pointer;}
    #grid img:nth-child(odd) {margin-top:30px; margin-left:15px;}
    #grid div {margin:5px;height:200px; width:150px; float:left; }
#prev {position:fixed; top:250px; left:21%; width:120px; height:120px; transition: width 3s, height 3s;}
    #prev:hover {animation: button 3s 20}
#next {position:fixed; top:250px; left:68%; width:120px; height:120px; transition: width 3s, height 3s;}
    #next:hover {animation: button 3s 20}

